{% extends "base.html" %}

{% block content %}
<div class="max-w-md mx-auto bg-white rounded-xl shadow-md overflow-hidden md:max-w-2xl p-6">
    <div class="text-center">
        <h1 class="text-2xl font-bold mb-4">测试结果</h1>
        <div class="text-6xl font-bold text-blue-500 mb-4">{{ score }}%</div>
        <p class="text-xl mb-6">
            {% if score >= 90 %}
            太厉害了！你们简直是心有灵犀！
            {% elif score >= 70 %}
            不错哦，你们很有默契！
            {% else %}
            继续加油，让友谊更进一步！
            {% endif %}
        </p>
        
        <div class="space-y-4">
            <button onclick="shareResult()" 
                    class="bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded w-full">
                分享结果
            </button>
            <a href="{{ url_for('index') }}" 
               class="block bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
                重新测试
            </a>
        </div>
    </div>
</div>
{% endblock %} 